<template>
    <div class="no_data">
        <img src="../assets/nodata.png" alt="">
        <div>{{text}}</div>
    </div>
</template>

<script>

export default {
  name: 'NoData',
  props: {
    text: {
        type:String,
        default:'暂无数据哦'
    }
  },
  mounted(){
  },
  methods:{

  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.no_data{text-align: center;padding: 20px 0;opacity: 0.6; line-height: 1; color: #999; font-size: 12px;}
.no_data img{ width:80px; margin-bottom: 10px; }
</style>
